.table(@table-height: @table-height, @table-th-height: @table-th-height) {
  width: 100%;
  max-width: 100%;
  table-layout:fixed;
  border-collapse:collapse;
  color: @table-td-color;
  background: @table-bg-base;
  border: 1px solid @table-border-color-split;
  text-align: center;
  thead, tbody, tfoot, .thead, .tbody, .tfoot {
    >tr, .tr {
      height: @table-height;
      line-height: @table-height - 1;
      >th, >td, .th, .td {
        padding: @table-padding;
        border-right: 1px solid @table-border-color-split;
        border-bottom: 1px solid @table-border-color-split;
      }
    }
  }
  &.left{
    text-align: left;
  }
  &.right{
    text-align: right;
  }
  thead, .thead {
    background: @table-thead-bg;
    >tr {
      height: @table-th-height;
      line-height: @table-th-height - 1;
      >th, >td, .th, .td {

      }
    }
  }
  tbody, .tbody {
    >tr, .tr {
      background: @table-td-bg-base;
      &:hover{
        background: @table-td-hover-bg;
      }
      &.active, &:active{
        background: @table-td-highlight-bg;
      }
      >th, >td, .th, .td {
        
      }
    }
  }
  tfoot, .tfoot {
    >tr, .tr {
      >th, >td, .th, .td {

      }
    }
  }
}

